<template>
  <div>
    <ecsLine :chartData="line" width="672" height="296"></ecsLine>
    <ecsBar :chartData="bar" width="672" height="296"></ecsBar>
    <ecsRadar :chartData="radar" width="672" height="296"></ecsRadar>
  </div>
</template>

<script>
  import ecsLine from '@/components/ecsLine'
  import ecsBar from '@/components/ecsBar'
  import ecsRadar from '@/components/ecsRadar'

  export default {
    name: 'testchart',
    components: {
      ecsLine,
      ecsBar,
      ecsRadar
    },
    data() {
      return {
        line: {data: [], value: []},
        radar: {data: [], value: []},
        bar: {data: [], value: []}
      }
    },
    mounted() {

      this.line = {
        data: ['7上期末', '7上期中', '新生素质'],
        value: [515, 471, 255]
      }
      this.bar = {
        "data": ["语文", "数学", "英语", "科学", "生化", "文综"],
        "value": [99, 109, 112, 150, 150, 44]
      }
      this.radar = {
        data: [
          {name: '语文', max: 1},
          {name: '数学', max: 1},
          {name: '英语', max: 1},
          {name: '科学', max: 1}
        ],
        value: [0.8, 0.7, 0.5,0.8]
      }
    }
  }


</script>

<style scoped>

</style>
